<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>全部分类</title>
		<link rel="stylesheet" href="/mobile/layui/css/layui.css" />
		<link rel="stylesheet" href="/mobile/css/mobile.css" />
		<script src="/mobile/js/jquery.min.js"></script>
		<script src="/mobile/js/jquery.easing.min.js"></script>
		<script src="/mobile/layui/layui.js"></script>

	</head>
	<body>
		

		<aside>
			<div class="menu-left scrollbar-none" id="sidebar">
				<ul>
					{volist name="category" id="item"}
					<li {if ($i==1)}class="active"{/if}>{$item.name}</li>
					{/volist}
					
				</ul>
			</div>
		</aside>
		{volist name="category" id="item"}
		<section class="menu-right padding-all j-content" {if ($i>1)}style="display:none"{/if}>
			{volist name="$item.level2" id="level2_item"}
			<h5><a href="{:url('product/index',['category_id'=>$level2_item.id])}">{$level2_item.name}</a></h5>
			<ul>
				{volist name="$level2_item.level3" id="level3_item"}
				<a href="{:url('product/index',['category_id'=>$level3_item.id])}"><li>{$level3_item.name}</li></a>
				{/volist}
			</ul>
			{/volist}
		</section>
		{/volist}
		



	</body>
	<script type="text/javascript">
		$(function($) {
			$('#sidebar ul li').click(function() {
				$(this).addClass('active').siblings('li').removeClass('active');
				var index = $(this).index();
				$('.j-content').eq(index).show().siblings('.j-content').hide();
			})
		})
	</script>
</html>